<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>BoA</title>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" type="text/css" media="screen" href="css/layout.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/elastislide.css" />
		<link rel="stylesheet" type="text/css" href="css/custom.css" />
        <script src="js/modernizr.custom.17475.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquerypp.custom.js"></script>
<script type="text/javascript" src="js/jquery.elastislide.js"></script>
<!--<script src="js/jquery.easing.js"></script>
<script src="js/jquery.event.drag.js"></script>
<script src="js/jquery.event.drop.js"></script>-->
<script src="js/all.js"></script>
</head>
<body>
<div class="wrapper">
	<header class="header">
        <div class="search">
        </div>
        <div class="header_btn">
        <a class="demos" href="#" onclick="Demos_Click()" title="Demos"></a>
        <a class="learn" href="#" title="Library"></a>
        </div>
        <div class="dropMenu" style="visibility:hidden">
        	<img src="images/dropMenu.png" />
        	<a class="iPadDemo" href="#"></a>
        	<a class="OnlineBankingDemo" href="#"></a>
        </div>
	</header>
    <article>
<!-- Elastislide Carousel --><section>
				<ul id="carousel" class="elastislide-list" style="height:700px;padding-top:40px;position: relative;">
                
					<li><a href="#"><img src="images/credit_cards.png" /></a></li>
					<li><a href="#"><img src="images/bank_on_your_schedule.png"/></a></li>
					<li><a href="#"><img src="images/featured.png"/></a></li>
                    
                    <li><a href="#"><img src="images/featured.png"/></a></li>
					<li><a href="#"><img src="images/bank_on_your_schedule.png"/></a></li>
					<li><a href="#"><img src="images/credit_cards.png"/></a></li>
					
					<li><a href="#"><img src="images/featured.png"/></a></li>
					<li><a href="#"><img src="images/featured.png"/></a></li>
                    
					
				</ul></section>
				<!-- End Elastislide Carousel -->
					<!--<section>
        	<img src="images/credit_cards.png"/>
            <img src="images/bank_on_your_schedule.png"/>
            <img src="images/featured.png"/>
    </section>-->
    
    </article>
			<div class="push"></div>

		</div>

		<footer class="footer">
            <a class="logo" href="#" title="Bank Of America"><sup style="font-size: 11px;
color: #FFF;
margin-left: 185px;
margin-top: 10px;
display: block;
font-family:'connectionsregular';
font-weight:normal;
">v2.0</sup></a>
            <a href="#" class="fdic ui-link" style="margin-left: 400px;
font-size: 14px;
color: #FFF;
margin-top: 30px;
display: block;
position: absolute;
font-family: 'connections_mediumregular';font-weight:normal;">Bank of America, N.A. Member FDIC</a>
            <a class="survey" href="#" title="Survey"></a>
		</footer>
	
</body></html>